﻿@{
    ViewBag.Title = "Hóa đơn chi tiết";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">
                <div class="row">
                    <div class="col-xs-6">
                        Hóa đơn chi tiết - Mã số hóa đơn:
                        <label>MDK99220</label>
                    </div>
                    <div class="col-xs-6">
                        <form class="form-inline" role="form">
                            <div class="form-group">
                                <label class="sr-only">Mã số khách hàng</label>
                                <input type="email" class="form-control" placeholder="Mã số khách hàng">
                            </div>
                            <div class="form-group">
                                <label class="sr-only">Tên khách hàng</label>
                                <input type="password" class="form-control" placeholder="Tên khách hàng">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-xs-4">
                        <label>Mã số khách hàng:</label><span>KH012992399</span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4">
                        <label>Tên: </label>
                        <span>Nguyễn Văn A</span>
                    </div>
                    <div class="col-xs-4">
                        <label>Ngày sinh: </label>
                        <span>20/12/1960</span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4">
                        <label>Địa chỉ: </label>
                        <span>123/123/123 Nguyễn Văn B</span>
                    </div>
                    <div class="col-xs-4">
                        <label>Số điện thoại: </label>
                        <span>09999999</span>
                    </div>
                </div>
            </div>
            <!-- Table -->
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Mã</th>
                        <th>Sản phẩm/Dịch vụ</th>
                        <th>Đơn giá</th>
                        <th>Số lượng</th>
                        <th>Tặng</th>
                        <th>Đã sử dụng</th>
                        <th>Còn lại</th>
                        <th>T/G</th>
                        <th>Ghi chú</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>Sửa rửa mặt</td>
                        <td>1 triệu</td>
                        <td>100ml</td>
                        <td>10ml</td>
                        <td>80ml</td>
                        <td>20ml</td>
                        <td>N/A</td>
                        <td><a href="/Sale/Detail">Chi tiết</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">
                Voucher
            </div>
            <!-- Table -->
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Mã số Voucher</th>
                        <th>Nhà cung cấp</th>
                        <th>Miêu tả</th>
                        <th>Số lượng</th>
                        <th>Giá trị</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>109999</td>
                        <td>Hotdeal</td>
                        <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
                        <td>2</td>
                        <td>2.000.000</td>
                    </tr>
                    <tr>
                        <td>109999</td>
                        <td>Hotdeal</td>
                        <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
                        <td>2</td>
                        <td>2.000.000</td>
                    </tr>
                    <tr>
                        <td>109999</td>
                        <td>Hotdeal</td>
                        <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
                        <td>2</td>
                        <td>2.000.000</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">
                Thưởng nhân viên
            </div>
            <!-- Table -->
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Mã số</th>
                        <th>Họ & tên</th>
                        <th>Loại dịch vụ</th>
                        <th>Thời gian</th>
                        <th>% hoa hồng</th>
                        <th>Tiền hoa hồng</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>109999</td>
                        <td>Nguyễn Thị C</td>
                        <td>Tư vấn</td>
                        <td>30 phút</td>
                        <td>20%</td>
                        <td>200.000</td>
                    </tr>
                    <tr>
                        <td>109999</td>
                        <td>Nguyễn Thị C</td>
                        <td>Tư vấn</td>
                        <td>30 phút</td>
                        <td>20%</td>
                        <td>200.000</td>
                    </tr>
                    <tr>
                        <td>109999</td>
                        <td>Nguyễn Thị C</td>
                        <td>Tư vấn</td>
                        <td>30 phút</td>
                        <td>20%</td>
                        <td>200.000</td>
                    </tr>
                    <tr>
                        <td>109999</td>
                        <td>Nguyễn Thị C</td>
                        <td>Tư vấn</td>
                        <td>30 phút</td>
                        <td>20%</td>
                        <td>200.000</td>
                    </tr>
                    <tr>
                        <td>109999</td>
                        <td>Nguyễn Thị C</td>
                        <td>Tư vấn</td>
                        <td>30 phút</td>
                        <td>20%</td>
                        <td>200.000</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row highlight">
    <div class="col-md-offset-8">
        <p><label>Tổng tiền: </label><span>25</span> triệu</p>
        <p><label>Đã thanh toán: </label><span>20</span> triệu</p>
        <p><label>Voucher: </label><span>5</span> triệu</p>
        <p><label>Nợ: </label><span>0</span> triệu</p>
    </div>
</div>